import React from 'react'
import {Image, ScrollView, Text, View} from "react-native";
import Flex from "@ant-design/react-native/es/flex/Flex";
import WingBlank from "@ant-design/react-native/es/wing-blank/index";
import WhiteSpace from "@ant-design/react-native/es/white-space/index";
import Icon from "@ant-design/react-native/es/icon/index";
import List from "@ant-design/react-native/es/list/index";
import {Actions} from 'react-native-router-flux'

const Item = List.Item;
export default class PersonPage extends React.Component {

  render() {
    return <ScrollView style={{paddingTop:10}}>
      <Flex style={{height: 100, padding: 10, backgroundColor: '#f5f5f5'}}
        onPress={()=> Actions.personEditPage()}
      >
        <View style={{width: '40%'}}>
          <Image source={{uri: 'https://org.modao.cc/uploads4/images/3133/31336283/v2_pnxd2q.png'}}
                 style={{height: 80}}/>
        </View>
        <WingBlank size="lg">
          <View><Text>我是大富翁</Text></View>
          <WhiteSpace/>
            <Text>17868803265</Text>
        </WingBlank>
        <Icon name='right' style={{marginLeft:20}} size={'lg'}/>
      </Flex>
      <List style={{marginTop:50}}>
        <Item  arrow="horizontal" onPress={() => Actions.carList()}>
          车辆管理
        </Item>
        <Item  arrow="horizontal" onPress={() => Actions.selfReview()}>
          自我评价
        </Item>
        <Item  extra='400-000-0001'>
          客服
        </Item>
        <Item  arrow="horizontal" onPress={() => {Actions.setting()}}>
          设置
        </Item>
        <Item  arrow="horizontal" onPress={() => {Actions.reset('login')}}>
          注销
        </Item>
      </List>
    </ScrollView>
  }
}